<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>登录</title>
    <link rel="shortcut icon" href="./img/login/favicon.ico" type="image/x-icon">
    <link rel="stylesheet" href="./css/login/login.css">
    <link rel="stylesheet" href="./css/reset.css">
</head>

<body>
    <div class="zui">
        <div class="head">
            <img src="./img/login/signlogo (1).png" alt="">
        </div>
        <div class="miad">
            <div class="wrap">
                <div class="modal">
                    <a href="#">
                        <span id="zhdl" class="span9">账号登录</span>
                        <span class="xi"></span>
                    </a>
                    <a href="#">
                        <span id="yzm" class="span9 yz">验证码登录</span>
                        <span class="xi2"></span>
                    </a>
                </div>
                <div class="loginWrap">
                    <div id="zhdl2" class="loginWrap-a">
                        <div class="clearfix">
                            <input type="text" placeholder="请输入登录手机号/邮箱">
                            <div class="tshi">
                                <span class="zi">请输入正确的邮箱或手机号</span>
                            </div>
                            <input class="mmt" type="password" maxlength="20" placeholder="请输入密码">
                            <img src="./img/login/眼睛4.png" alt="">
                            <span class="mmk">请输入6-20位密码，区分大小写，不能使用空格！</span>
                        </div>
                        <div class="group ">
                            <input type="checkbox"><span>7天内自动登录</span>
                            <div class="group-a">
                                <span>遇到问题&nbsp;&nbsp;&nbsp; |</span>
                                <span>忘记密码</span>
                            </div>
                        </div>
                    </div>
                    <div id="yzm2" class="loginWrap-b">
                        <div class="clearfix">
                            <span class="areacode">+86</span>
                            <input class="dx" type="text" placeholder="短信登录仅限中国大陆用户">
                            <input type="text" placeholder="请输入短信验证码">
                            <span class="hq">获取验证码</span>
                        </div>
                        <div class="group ">
                            <input type="checkbox"><span>7天内自动登录</span>
                            <div class="group-a">
                                <span class="zh">找回账号</span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="an">
                    <button>登录</button>
                </div>
                <div class="zc">
                    <button>快速注册</button>
                </div>
                <div class="pop">
                    <img src="./img/login/微信 (1).png" alt="">
                    <img src="./img/login/qq.png" alt="">
                    <img src="./img/login/微博.png" alt="">
                </div>
                <div class="wzi">
                    <span>登录即同意慕课网<a href="">《隐私政策》</a> </span>
                </div>
                <div class="erwm">
                    <img src="./img/login/二维码.png" alt="">
                </div>

            </div>
            <div class="wrap1">
                <div class="modal">
                    <a href="#">
                        <span id="zhdl1" class="span-a">快速注册</span>
                    </a>
                </div>
                 <div class="clearfix1">
                    <span class="bl">+86</span>
                    <img class="xjt" src="./img/login/下箭头.png" alt="">
                    <input class="dxi" type="text" placeholder="请输入注册手机号">
                    <input type="text" placeholder="请输入短信验证码">
                    <span class="h">获取验证码</span>
                 </div>
                 <div class="group1">
                    <input type="checkbox"><span>同意 <a href="">《慕课网注册协议》</a> &<a href="">《隐私政策》</a></span>   
                </div>
                <div class="ljzc">
                    <button> 立即注册 </button>
                </div>
                <div class="zc">
                    <button>返回账号登录</button>
                </div>
                <div class="pop">
                    <img src="./img/login/微信 (1).png" alt="">
                    <img src="./img/login/qq.png" alt="">
                    <img src="./img/login/微博.png" alt="">
                </div>

            </div>
        </div>
        <div class="footer">
            <div class="foot">
                <span><img src="./img/a9.png" alt=""> 2021 imooc.com All Rights Reserved 京ICP备 13046642号</span>
            </div>
        </div>
    </div>
    <script src="./js/jquery-3.6.0.js"></script>
    <script src="./js/login/login.js"></script>
</body>

</html>